$(function(){
  // 功能一：渲染用户信息
  /* 
    【1】定义函数，发起Ajax请求
    【2】判断请求成功与否
    【3】如果请求成功，将数据渲染到表单中
  */
 /* function renderUserInfo(){
  $.get('/my/userinfo',function(res){
    const {status,message,data} = res
    if(status !== 0) return layer.msg(message,{icon: 5})

    layui.form.val('formUserInfo',data)
  })
 }
 renderUserInfo() */

   function renderUserInfo(){
    $.get('/my/userinfo',function(res){
      const {status,message,data} = res
      if(status !==0) return layer.msg(message,{icon: 5})
      layui.form.val('formUserInfo',data)
    })
   }
 //  功能二：修改用户的基本信息
  /* 
    【1】给表单注册submit提交事件
    【2】阻止表单的默认提交行为
    【3】收集表单数据
    【4】对表单校验
    【5】如果校验成功，发起Ajax请求
    【6】判断请求成功与否
    【7】如果请求成功，则要同步修改index.html的用户昵称
  */
 layui.form.verify({
   name: [/^[\S]{1,10}$/,'昵称的长度在1-10个字符之间'],
 })
 $('.layui-form').on('submit',function(e){
  e.preventDefault()
  const data = $(this).serialize()
  $.ajax({
    method: 'post',
    url: '/my/userinfo',
    data,
    success: function(res){
      console.log(res);
      if (res.status !== 0) return layer.msg(res.message,{icon:5})
      layer.msg(res.message,{icon:6})
      window.parent.renderUserInfo()
    }
  })
 })

//  重置表单
/* 
  【1】给重置按钮注册点击事件
  【2】阻止默认重置行为
  【3】重新调用渲染函数
*/
  $('#btnReset').on('click',function(e){
    e.preventDefault()
    renderUserInfo()
  })
})